<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单的组成：表单域  表单控件 提示信息 -->
    <!-- 表单元素：input输入表单元素 
                  select下拉表单元素
                  textarea文本域元素 -->
    <!-- name定义元素的名称
        value规定元素的值
        checked属性值checked
        maxlength正整数  用户最多输入的字符数
    -->
    
    <form action="#" method="get">
        <!-- text文本框 -->
        用户名:<input type="text" name="username" value="请输入用户名" maxlength="6"><br>
        <!-- password密码框   -->
        密码：<input type="password" name="pwd" value="请输入密码"><br>
        <!--单选按钮 只能选一个 radio  -->
        <!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮 -->
        性别：男 <input type="radio" name="sex" value="男" checked="checked">女<input type="radio" name="sex"  value="女">人妖<input type="radio" name="sex" value="人妖"><br>
        <!-- 复选框   可以选择多个-->
        爱好：唱<input type="checkbox" name="hobby" value="唱">跳<input type="checkbox" name="hobby" value="跳" checked="checked"> rap<input type="checkbox" name="hobby" value="rap"> <br>
        <!-- 点击提交按钮可以把form表单的值提交给后台服务器 -->
        <input type="submit" value="免费注册">
        <!-- 重置按钮 还原初始值 -->
        <input type="reset" value="从新填写">
        <!-- 普通按钮   结合js搭配使用-->
        <input type="button" value="获取短信验证码"><br>
        <!-- 文件域  使用场景  上传文件-->
        上传头像：<input type="file" >
    </form>
</body>
</html>